/***
A collection of useful `@mixins` like `@clearfix`, `@a11y-hide` etc.

Check the SASS-file for all of them.
***/
// Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
@mixin clearfix {
	zoom: 1;

	&:after {
		content: "";
		display: table;
		clear: both;
	}
}

// Accessibility hide
@mixin a11y-hide {
	position: absolute;
	left: -1000000px;
	top: -1000000px;
}

// UN-accessibility hide
@mixin una11y-hide {
	position: static;
	left: 0;
	top: 0;
}

// Data definition
@mixin data-definition {
	@include clearfix;

	margin-left: 0;
	padding-left: 0;

		dt {
			float: left;
			clear: left;
			font-weight: bold;
			margin: 0 5px 5px 0;
		}

		dt:after {
			content: ": ";
		}

		dd {
			margin: 0 0 5px;
		}
}
